// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/v2/theming/

// Font path is used to include ionicons,
// roboto, and noto sans fonts
$font-path: "../assets/fonts";


// The app direction is used to include
// rtl styles in your app. For more info, please see:
// http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;


@import "ionic.globals";
@import "_mixins.scss";


// margin
$margin-small:10px;

// padding
$padding-small:10px;

// background-color
$theme-bg:#fff;


// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/




// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors: (
        primary:    #488aff,
        secondary:  #32db64,
        danger:     #f53d3d,
        light:      #f4f4f4,
        dark:       #222
);
// color
$main-bg: #f3f3f3 !default;
$danger:#f53d3d !default;
$primary:#488aff !default;





//@mixin display-flex{
//  display: -webkit-box;
//  display: -webkit-flex;
//  display: -moz-box;
//  display: -moz-flex;
//  display: -ms-flexbox;
//  display: flex;
//}
//
//@mixin justify-content($value: stretch){
//  @if $value == flex-start{
//    -webkit-box-pack: start;
//    -ms-flex-pack: start;
//  } @else if $value == flex-end{
//    -webkit-box-pack: end;
//    -ms-flex-pack: end;
//  } @else if $value == space-between {
//    -webkit-box-pack: justify;
//    -ms-flex-pack: justify;
//  } @else {
//    -webkit-box-pack: $value;
//    -ms-flex-pack: $value;
//  }
//  -webkit-justify-content: $value;
//  -moz-justify-content: $value;
//  justify-content: $value;
//}
//
//
//@mixin border-radius($radius){
//  -webkit-border-radius: $radius;
//  border-radius: $radius;
//}



// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here




// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here




// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here




// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";


// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/v2/ionicons/

@import "ionic.ionicons";


// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";
